<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>Demo</title>
		<link rel="stylesheet" href="../../js/jquery/jquery-ui-1.8.22.custom/themes/base/jquery.ui.all.css">
		<script src="../../js/jquery/jquery-1.7.2.js"></script>
		<script src="../../js/jquery/jquery-ui-1.8.22.custom.min.js"></script>
		<script src="../../js/jquery/jquery-ui-1.8.22.custom/ui/jquery.ui.dialog.js"></script>
		<script src="../../js/jquery/jquery-ui-1.8.22.custom/ui/jquery.ui.core.js"></script>
		<script src="../../js/jquery/jquery-ui-1.8.22.custom/ui/jquery.ui.widget.js"></script>
		<script src="../../js/jquery/jquery-ui-1.8.22.custom/ui/jquery.ui.mouse.js"></script>
		<script src="../../js/jquery/jquery-ui-1.8.22.custom/ui/jquery.ui.button.js"></script>
		<script src="../../js/jquery/jquery-ui-1.8.22.custom/ui/jquery.ui.draggable.js"></script>
		<script src="../../js/jquery/jquery-ui-1.8.22.custom/ui/jquery.ui.position.js"></script>
		<script src="../../js/jquery/jquery-ui-1.8.22.custom/ui/jquery.ui.resizable.js"></script>
		<script src="../../js/jquery/jquery-ui-1.8.22.custom/ui/jquery.ui.dialog.js"></script>
		<script src="../../js/jquery/jquery-ui-1.8.22.custom/ui/jquery.effects.core.js"></script>
		<script type="application/javascript">
            $(function() {
                $("#dialog").dialog();
            });

            $("#dialog-form").dialog({
                autoOpen : false,
                modal : true,
                buttons : {
                    登录 : function() {
                        alert("您点击了登录按钮");
                    }
                }
            });
            //控制打开dialog的方法
            function open_dialog() {
                $("#dialog-form").dialog("open");
            }

		</script>
	</head>
	<body>
		<input type="button" value="打开" onclick="open_dialog();"/>

		<!-- 登录区域表单信息 -->

		<div id="dialog-form"  title="用户登录">
			<p id="login_tip"></p>
			<form id="login-form">
				<fieldset>
					username:
					<input type="text" name="name" id="name" class="ui-widget-content ui-corner-all" />
					password:
					<input type="password" name="password" id="password" value="" class="ui-widget-content ui-corner-all" />
				</fieldset>
			</form>
		</div>
	</body>
</html>
